<template>
	<view class="content">
		<view class="" style="padding: 20rpx;">
			<view class="font-size-32 font-weight-bold">
				{{info.title}}
			</view>
		</view>
		<image :src="info.show_image" style="width: 750rpx;" mode="widthFix"></image>
		<view style="padding: 20rpx;">
			<uv-parse :content="info.content"></uv-parse>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue';
	import {
		onLoad,
		onShow,
		onReady,
		onReachBottom
	} from '@dcloudio/uni-app';
	import {
		nativeUI,
		navigateTo,
		navigateBack
	} from '@/utils/index.js';
	import * as api from '@/request/app.js'; // 引入api 方法
	import local from '@/utils/localStorage.js'; //引入本地存储方法
	const info = ref({})
	onLoad(function(option) {
		gonggao_msg(option.id)
	});
	onShow(function() {});

	async function gonggao_msg(id) {
		let object = {
			id
		}
		const {
			code,
			data
		} = await api.gonggao_msg(object)
		if (code == 1) {
			info.value = data
		}
	}
	onReady(function() {});
	onReachBottom(function() {});
</script>

<style scoped lang="scss">
	.tabs {
		padding: 5rpx 17rpx;
		background: #FFEBEB;
		border-radius: 21rpx;
	}

	.view {
		padding: 15rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
	}
</style>